<template>
  <div class="header">
    <div class="header-1">
      <div class="HL" >
      <router-link to="/learning/xuexi" >学习</router-link>
      <router-link to="/learning/kecheng" >课表</router-link>
      </div>
      <div class="HR">
        <router-link to="/SignIn"><img src="/learning/qiandao.jpg" alt=""></router-link>
      </div>
    </div> 
  </div>
</template>

<script>
export default {
  components:{

  },

}
</script>

<style scoped>
.header{
  width: 100%;
  height:0.66rem;
 

  /* background-color: rgb(48, 166, 221); */
}
.header .header-1{
  width: 3.47rem;
  height:0.66rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  /* background-color: #fff; */
  margin: auto;
}
 a {
 margin-right: 0.3rem;
 color: #000;
 /* font-weight: 900; */
}
.router-link-active{
  color: red;
}
</style>